import { cn } from "@/utils/twMerge";
import React from "react";

const Count = (props: any) => {
  const { count, title, className } = props;

  return (
    <div
      className={cn(
        "h-[150px] w-full rounded-md bg-white  flex flex-col p-3 overflow-auto",
        className
      )}
    >
      <div className="text-xl h-10">{title}</div>
      <div className="flex w-full   h-full items-center justify-center">
        <div className="   flex gap-2 justify-center items-baseline">
          <span className="text-[60px] font-bold">{count}</span>
          <span className="text-xl mt--32">人</span>
        </div>
      </div>
    </div>
  );
};

export default Count;
